<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="layout/commonlayout(title='实验室日志页')"><!-- layout文件路径-->
<th:block th:fragment="css">
    <!--如果没有内容，请保持 -->
    <!--DataTables [ OPTIONAL ]-->
    <link href="/plugins/datatables/media/css/dataTables.bootstrap.css" rel="stylesheet">
    <link href="/plugins/datatables/extensions/Responsive/css/responsive.dataTables.min.css" rel="stylesheet">
</th:block>

<div th:fragment="content">
    <!--Page content-->
    <!--===================================================-->
    <div id="page-content">
        <div class="row">
            <div class="col-sm-12">
                <div class="panel">
                    <div class="panel-body ">
                        <div class="row" style="padding-bottom: 20px;">
                            <div class="col-md-6">
                                <div class="panel media middle pad-all">
                                    <div class="media-left">
                                       <span class="icon-wrap icon-wrap-ism icon-circle bg-success">
                                           <i class="demo-pli-male icon-2x"></i>
                                       </span>
                                    </div>
                                    <div class="media-body">
                                        <p class="text-semibold text-sm text-main text-uppercase">mint</p>
                                        <p class="text-2x mar-no text-semibold text-main">中间件技术</p>
                                        <p class="text-muted mar-no">2018-2019第二学期</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <button class="btn btn-danger btn-labeled pull-right" style="margin-left: 20px;"
                                        onclick="batchRemove()">
                                    <i class="btn-label ion-ios-trash-outline"></i>批量删除
                                </button>

                                <button class="btn btn-success btn-labeled pull-right" style="margin-left: 20px;"
                                        onclick="showAddModel();">
                                    <i class="btn-label ion-plus-round"></i> 新增
                                </button>

                            </div>
                        </div>
                    </div>

                    <div style="clear:both;">
                    </div>

                    <form class="form-inline" id="srForm" style="margin-bottom: 20px;">


                        <div class="form-group">
                            <label for="srprojectName" class="control-label">项目名</label>
                            <input id="srprojectName" name="srprojectName" type="text" class="form-control"
                                   placeholder="" data-opera="like">
                        </div>


                        <a class="btn btn-primary" onclick="searchTable();"><i class="fa fa-search"
                                                                               aria-hidden="true"></i>查询</a>
                    </form>

                    <div class="panel panel-bordered-primary">
                        <div class="panel-body">
                            <table id="labloginfoTable" data-mobile-responsive="true"
                                   class="table table-striped table-bordered  hover" cellspacing="0"
                                   width="100%">
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--===================================================-->
<!--End page content-->
</div>

<div th:fragment="scripts">
    <!--如果没有内容，请保持 -->
    <!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
    <div>
        <script type="text/javascript">
            var s_add_h = 'hidden';
            var s_edit_h = 'hidden';
            var s_remove_h = 'hidden';
        </script>
    </div>

    <div shiro:hasPermission="teacher:labloginfo:add">
        <script type="text/javascript">
            s_add_h = '';
        </script>
    </div>
    <div shiro:hasPermission="teacher:labloginfo:edit">
        <script type="text/javascript">
            s_edit_h = '';
        </script>
    </div>
    <div shiro:hasPermission="teacher:labloginfo:remove">
        <script type="text/javascript">
            var s_remove_h = '';
        </script>
    </div>

    <!--DataTables [ OPTIONAL ]-->

    <script src="/js/jquery.spring-friendly.min.js"></script>
    <script src="/js/gridCommon.js"></script>
    <script src="/pagejs/teacher/labloginfo/list.js"></script>

</div>

</html>
